<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style/index.css">
  </head>
  <body>
    <div id="view-login">
      <form id="form-login">
        <p>
          <label>Host</label>
          <input type="text" name="host" value="127.0.0.1:7789">
        </p>
        <p>
          <label>Username</label>
          <input type="text" name="username" value="admin">
        </p>
        <p>
          <label>Password</label>
          <input type="password" name="password">
        </p>
      </form>
      <p>
        <button id="btn-register">Register</button>
        <button id="btn-login">Login</button>
      </p>
    </div>
    <div id="view-main" style="display: none">
      <p>
        <button id="btn-disconnect">Disconnect</button>
        <button id="btn-list-full">Fully Uploaded Files</button>
        <button id="btn-list-part">Partially Uploaded Files</button>
        <button id="btn-upload">Upload</button>
      </p>
      <div id="view-container"></div>
    </div>
    <script src="js/main.js"></script>
  </body>
</html>
